

import React, { useState } from 'react'
import { Swiper } from '@nutui/nutui-react'
import '../index.less'

const list  = [
  'https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg',
  'https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg',
]

const Banner = ()=>{
  return (
    <div className="banner" >
      <Swiper
        autoPlay
        loop
        slideSize={400}
        indicator
        style={{
          '--nutui-indicator-color': '#426543',
          '--nutui-indicator-dot-color': '#426ddd',
        }}
      >
      {list.map((item, index) => {
        return (
          <Swiper.Item key={item}>
            <img src={list[index]} alt={list[index]} draggable={false} />
          </Swiper.Item>
        )
      })}
    </Swiper>
  </div>
  )
}

export default Banner
